<script setup>
import { RouterLink, RouterView } from "vue-router";
</script>

<template>
  <nav>
    <RouterLink to="/" class="link">电影首页</RouterLink>
    <RouterLink to="/about" class="link">关于我们</RouterLink>
    <RouterLink to="/login" class="link">登录</RouterLink>
    <RouterLink to="/register" class="link">注册</RouterLink>
  </nav>
  <RouterView />
</template>


<style scoped>
 
    .link {
      margin-right: 20px;
      color: #fff;
      text-decoration: none;
      font-size: 18px;
    }
    .link:hover {
      color: #f8b739;
    }
    nav {
      background-color:red;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 20px;
    }
</style>



